<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <script src="js/jquery.js"></script>
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/adminLogin.css">
</head>
<body>
<div class="wrap">
    <img src="images/back.jpg" class="imgStyle">
    <div class="loginForm">
        <form action="/login" method="post">
            <div class="logoHead">
                <h2 style="margin-top: 15px">时光桌游社后台管理系统</h2>
            </div>
            <div class="usernameWrapDiv">
                <div class="usernameLabel">
                    <label>用户名:</label>
                </div>
                <div class="usernameDiv">
                    <i class="layui-icon layui-icon-username adminIcon"></i>
                    <input id="loginUsername" class="layui-input adminInput" type="text" name="username" placeholder="输入用户名" >
                </div>
            </div>
            <div class="usernameWrapDiv">
                <div class="usernameLabel">
                    <label>密码:</label>
                </div>
                <div class="passwordDiv">
                    <i class="layui-icon layui-icon-password adminIcon"></i>
                    <input id="loginPassword" class="layui-input adminInput" type="password" name="password" placeholder="输入密码">
                </div>
            </div>
            <!--<div class="usernameWrapDiv">-->
                <!--<div class="usernameLabel">-->
                    <!--<label>验证码:</label>-->
                <!--</div>-->
                <!--<div class="cardDiv">-->
                    <!--<input id="loginCard" class="layui-input cardInput" type="text" name="card" placeholder="输入验证码">-->
                <!--</div>-->
                <!--<div class="codeDiv">-->
                    <!--<input id="loginCode" class="layui-input codeInput"  type="button">-->
                <!--</div>-->
            <!--</div>-->
            <div class="usernameWrapDiv">
                <div class="submitDiv">
                    <input onclick="f()" type="button" class="submit layui-btn layui-btn-primary" value="管理员登录"/>
                </div>
                <div class="submitDiv">
                    <input id="loginBtn" type="submit" class="submit layui-btn layui-btn-primary" value="登录"/>
                </div>
            </div>
        </form>
    </div>
</div>
<script src="layui/layui.js" type="text/javascript"></script>
<script>
    function f() {
        location.href="managerLogin.html"
    }
    // layui.use(['layer'],function () {
    //     var layer = layui.layer;
    // })
    // $(function () {
    //     // 页面初始化生成验证码
    //     window.onload = createCode('#loginCode');
    //     // 验证码切换
    //     $('#loginCode').click(function () {
    //         createCode('#loginCode');
    //     });
    //     // 登陆事件
    //     $('#loginBtn').click(function () {
    //         login();
    //     });
    //
    // });
    // // 生成验证码
    // function createCode(codeID) {
    //     var code = "";
    //     // 验证码长度
    //     var codeLength = 4;
    //     // 验证码dom元素
    //     var checkCode = $(codeID);
    //     // 验证码随机数
    //     var random = [0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R',
    //         'S','T','U','V','W','X','Y','Z'];
    //     for (var i = 0;i < codeLength; i++){
    //         // 随机数索引
    //         var index = Math.floor(Math.random()*36);
    //         code += random[index];
    //     }
    //     // 将生成的随机验证码赋值
    //     checkCode.val(code);
    // }
    // // 校验验证码、用户名、密码
    // function validateCode(inputID,codeID) {
    //     var inputCode = $(inputID).val().toUpperCase();
    //     var cardCode = $(codeID).val();
    //     var loginUsername = $('#loginUsername').val();
    //     var loginPassword = $('#loginPassword').val();
    //     if ($.trim(loginUsername) == '' || $.trim(loginUsername).length<=0){
    //         layer.alert("用户名不能为空");
    //         return false;
    //     }
    //     if ($.trim(loginPassword) == '' || $.trim(loginPassword).length<=0){
    //         layer.alert("密码不能为空");
    //         return false;
    //     }
    //     if (inputCode.length<=0){
    //         layer.alert("验证码不能为空");
    //         return false;
    //     }
    //     if (inputCode != cardCode){
    //         layer.alert("请输入正确验证码");
    //         return false;
    //     }
    //     return true;
    // }
    // // 登录流程
    // function login() {
    //     if (!validateCode('#loginCard','#loginCode')){
    //         console.log("验证码错误")
    //     }else {
    //         var loginUsername = $('#loginUsername').val();
    //         var loginPassword = $('#loginPassword').val();
    //         var params = {};
    //         params.loginUsername = loginUsername;
    //         params.loginPassword = loginPassword;
    //         var loginLoadIndex = layer.load(2);
    //         $('#loginBtn').val("正在登录...");
    //         console.log("进入登录页面1111111")
    //         $.ajax({
    //             type:'post',
    //             url: '/login/'+params,
    //             data:JSON.stringify(params),
    //             contentType:'json',
    //             success:function (data) {
    //                 layer.close(loginLoadIndex);
    //                 var jsonData = JSON.parse(data);
    //                 if (jsonData.code == '200'){
    //                     window.location.href = 'index.html';
    //                 }
    //             },
    //             error:function () {
    //                 layer.close(loginLoadIndex);
    //                 $('#loginBtn').val("登录");
    //             }
    //         });
    //     }
    //
    // }

</script>

</body>
</html>